<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>运动健身</title>
    <style type="text/css">  
        html{height:100%}    
        body{height:100%;margin:0px;padding:0px}    
        #container{width:100%;height:100%}    
    </style> 
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=O6GkfgIEpaC4Khd9RTGvfO26su2X1HFD"></script>
</head>
<body>
    <div id="container"></div>
    <script type="text/javascript"> 
        var options = window.location.search.split("&");
        var Shopid=options[0].split("=")[1];
        var longitude=options[1].split("=")[1];
        var latitude=options[2].split("=")[1];
        var map = new BMap.Map("container");
        var point = new BMap.Point(longitude,latitude);
        var marker = new BMap.Marker(point);        // 创建标注   
        var opts = {    
            width : 250,     // 信息窗口宽度    
            height: 50,     // 信息窗口高度      
        }
        var infoWindow;
        map.centerAndZoom(point,12);//逆地址解析 
        map.addOverlay(marker);//添加标注
        map.addControl(new BMap.NavigationControl());//放大控件
        map.enableScrollWheelZoom(true);//缩放
        var myGeo = new BMap.Geocoder();      
        // 根据坐标得到地址描述    
        myGeo.getLocation(new BMap.Point(longitude,latitude), function(result){      
            if (result){      
                infoWindow=new BMap.InfoWindow(result.address, opts);    
            }      
        });  
        marker.addEventListener("click", function () { this.openInfoWindow(infoWindow); });
    </script>  
</body>
</html>